<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
		<title>升级优惠</title>
		<script src="../../js/jquery-1.7.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/iscroll.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			body{
				background: #eeeeee;
			}
			.title{
				height: 70px;
				text-align: center;
				line-height: 70px;
				background: url(../../img/jmbjt.png) 95% center no-repeat;
				background-size: 2%;
			}
			.content{
				display: flex;
			}
			table{
				
				border-color: #eeeeee;
			}
			table td{
				height: 60px;
				text-align: center;
				background: #ffffff;
				padding: 0 5px;
				max-width: 80px;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
			table thead tr th{
				background: #ffffff;
				height: 60px;
				text-align: center;
				font-weight: normal;
				padding: 0 5px;
			}
		</style>
	</head>
	<body>
		<div class="title">各级代理价目表</div>
		<div class="content">
			<table class="table1" border="0" cellspacing="1" cellpadding="0">
				<thead>
					<tr>
						<th>商品名</th>
						<th>规格</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>蝴蝶面</td>
						<td>Data</td>
					</tr>
					<tr>
						<td>蝴蝶面</td>
						<td>Data</td>
					</tr>
					<tr>
						<td>蝴蝶面面蝴蝶面面蝴蝶面面蝴蝶面面蝴蝶面面</td>
						<td>Data</td>
					</tr>
					<tr>
						<td>蝴蝶面</td>
						<td>Data</td>
					</tr>
				</tbody>
			</table>
			
			<div id="wrapper" style="overflow: hidden;">
				<table border="0" cellspacing="1" cellpadding="0">
					<thead>
						<tr>
							<th>普通代理</th>
							<th>普通代理</th>
							<th>普通代理</th>
							<th>普通代理</th>
							<th>普通代理</th>
							<th>普通代理</th>
						
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>￥35.00</td>
							<td>Data</td>
							<td>Data</td>
							<td>Data</td>
							<td>Data</td>
							<td>Data</td>
						</tr>
						<tr>
							<td>Data</td>
							<td>Data</td>
							<td>Data</td>
							<td>Data</td>
							<td>Data</td>
							<td>Data</td>
						</tr>
						<tr>
							<td>Data</td>
							<td>Data</td>
							<td>Data</td>
							<td>Data</td>
							<td>Data</td>
							<td>Data</td>
						</tr>
						<tr>
							<td>Data</td>
							<td>Data</td>
							<td>Data</td>
							<td>Data</td>
							<td>Data</td>
							<td>Data</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
		<script type="text/javascript">
				$(function(){
					
					$("#wrapper").width($(window).width()-$(".table1").width());
					
					var myScroll = new IScroll('#wrapper', {  
					    scrollX: true,  
	                    scrollY: false,  
	                    mouseWheel: true  
					}); 
				})
			 	 
		</script>
	</body>
</html>
